<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/video.css">
    <link rel="stylesheet" href="./css/mui.min.css">
    <title>Document</title>
    <style>
        .mui-fullscreen {
            position: absolute;
            top: 114px !important;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
            display: flex;
        }

        .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
            padding: 0 11px !important;
        }

        .content .bodome .bodome-left img {
            width: 1.1rem !important;
        }

        .mui-table-view-cell {
            padding: 0;
        }

        .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
            border: none;
        }

        .last {
            z-index: 999;
            padding-top: .2rem;
        }

        html,
        body {
            background-color: #efeff4;
        }

        .mui-bar~.mui-content .mui-fullscreen {
            top: 44px;
            height: auto;
        }

        .mui-pull-top-tips {
            position: absolute;
            top: -20px;
            left: 50%;
            margin-left: -25px;
            width: 40px;
            height: 40px;
            border-radius: 100%;
            z-index: 1;
        }

        .mui-bar~.mui-pull-top-tips {
            top: 24px;
        }

        .mui-pull-top-wrapper {
            width: 42px;
            height: 42px;
            display: block;
            text-align: center;
            background-color: #efeff4;
            border: 1px solid #ddd;
            border-radius: 25px;
            background-clip: padding-box;
            box-shadow: 0 4px 10px #bbb;
            overflow: hidden;
        }

        .mui-pull-top-tips.mui-transitioning {
            -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
        }

        .mui-pull-top-tips .mui-pull-loading {
            /*-webkit-backface-visibility: hidden;
				-webkit-transition-duration: 400ms;
				transition-duration: 400ms;*/

            margin: 0;
        }

        .mui-pull-top-wrapper .mui-icon,
        .mui-pull-top-wrapper .mui-spinner {
            margin-top: 7px;
        }

        .mui-pull-bottom-tips {
            text-align: center;
            background-color: #efeff4;
            font-size: 15px;
            line-height: 40px;
            color: #777;
        }

        .mui-pull-top-canvas {
            overflow: hidden;
            background-color: #fafafa;
            border-radius: 40px;
            box-shadow: 0 4px 10px #bbb;
            width: 40px;
            height: 40px;
            margin: 0 auto;
        }

        .mui-pull-top-canvas canvas {
            width: 40px;
        }

        .mui-slider-indicator.mui-segmented-control {
            background-color: #fff;
            border: none;
            table-layout:auto;
        }
        .mui-scroll-wrapper {
            overflow: inherit;
        }

        .content .bodome .bodome-left span {
            display: inline-block;
            margin-top: .2rem;
        }
        .top .top-right {
            margin-top: 1.1rem;
        }

        .top-img img {
            float: right;
            width: 1.4rem !important;
            height: auto !important;
            padding-right: 0.5rem;
            margin-top: -1.65rem !important;
        }
        .mui-content {
            background-color: #fff;
        }
        .mui-segmented-control .mui-control-item.mui-active {
            background-color: #fff;
            font-size: .9rem;
        }/*点击事件*/
        .mui-segmented-control {
            background-color: #fff;
            border: none;
            table-layout:auto;
            font-size: .75rem !important;
        }
        .mui-segmented-control .mui-control-item {
            border: none;
            color: #000;
        }
        .mui-segmented-control .mui-control-item.mui-active {
            color: #000;
        }
        .mui-table-view-cell:after {
            height: 0;
        }
        .right-move:hover ul {
            display: block;
        }
        .right-move ul li::after {
            position: absolute;
            content: "";
            width: 100%;
            border-bottom: 1px solid #f0f0f0;
            bottom: 0;
            left: 0;
        }
    </style>
</head>

<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="top-left">
            <img src="https://s0.meituan.net/bs/myfe/canary/file/asgard/images/logo@3x.png" alt="">
        </div>
        <div class="top-center">
            发现最新最热电影
        </div>
        <div class="split"></div>
        <div class="top-right">
            <span>打开App</span>
            <img src="https://s0.meituan.net/bs/myfe/canary/file/asgard/images/point.png" alt="">
        </div>
    </div>
    <div class="top-img">
        <div class="name">猫眼电影</div>
        <div class="right-move">
            <ul>
                <li>
                   <a href="./index.html">首页</a> 
                </li>
                <li>
                    <a href="./list.html">榜单</a>
                </li>
                <li>
                    <a href="./hotspot.html">热点</a>
                </li>
                <li>
                    <a href="./tab-with-segmented-control.html">商城</a>
                </li>
            </ul>
        </div>
        <!-- <img src="./img/logo1.png" alt=""> -->
    </div>
    <div class="mui-content">
        <div style="padding: .18rem .5rem;">
            <div id="segmentedControl" class="mui-segmented-control">
                <a class="mui-control-item mui-active" href="#item1">推荐</a>
                <a class="mui-control-item" href="#item2">热片解读</a>
                <a class="mui-control-item" href="#item3">预告片</a>
                <a class="mui-control-item" href="#item4">说电影</a>
                <a class="mui-control-item" href="#item5">佳片</a>
                <a class="mui-control-item" href="#item6">剧综</a>
            </div>
        </div>
        <div>
            <div id="item1" class="mui-control-content mui-active">
                <div id="scroll" class="mui-scroll-wrapper" data-scroll="1">
                    <div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell">
                                <div class="content">
                                    <div class="title">《《长津湖》》破29亿票房，助易烊千玺主演电影票房破60亿！</div>
                                    <a href="video-move.html">
                                        <img src="https://p0.meituan.net/movie/f569277dc5dde69bc6a55f2598bf7311193070.jpg@80q"
                                            alt="">
                                    </a>
                                    <div class="bodome">
                                        <div class="bodome-left">
                                            <img src="https://p0.meituan.net/moviemachine/d0100a0f341337dbeb9b0d9a67e712f3853917.png@88w_88h_80q"
                                                alt="">
                                            <span>阿猫电影</span>
                                        </div>
                                        <div class="bodome-right">
                                            <p>
                                                <span>
                                                    <img src="./img/video-praise.png" alt="">
                                                </span>
                                                <span>649</span>
                                            </p>
                                            <p>
                                                <span>
                                                    <img src="./img/video-comment.png" alt="">
                                                </span>
                                                <span>54</span>
                                            </p>
                                            <p>
                                                <img src="./img/video-share.png" alt="">
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="content">
                                    <div class="title">漫威全新《永恒族》“荣誉”电视预告，洛杉矶永恒族首映礼即将开始</div>
                                    <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6948944">
                                        <img src="https://p0.meituan.net/moviemachine/76acd329cc4291b50b95b2486aa7deab241235.png@80q"
                                            alt="">
                                    </a>
                                    <div class="bodome">
                                        <div class="bodome-left">
                                            <img src="https://p1.meituan.net/moviemachine/b8cd9f4a73826f48290348524fc1bd0e1232823.png@88w_88h_80q"
                                                alt="">
                                            <span>企鹅人的电影</span>
                                        </div>
                                        <div class="bodome-right">
                                            <p>
                                                <span>
                                                    <img src="./img/video-praise.png" alt="">
                                                </span>
                                                <span>654</span>
                                            </p>
                                            <p>
                                                <span>
                                                    <img src="./img/video-comment.png" alt="">
                                                </span>
                                                <span>46</span>
                                            </p>
                                            <p>
                                                <img src="./img/video-share.png" alt="">
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="content">
                                    <div class="title">一部黑暗的青春片，讲透了人心底的肮脏，看完久久不能回神！</div>
                                    <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6864979">
                                        <img src="https://p0.meituan.net/movie/c685821253cbf5c6eb1d0894d16c162a454936.jpg@80q"
                                            alt="">
                                    </a>
                                    <div class="bodome">
                                        <div class="bodome-left">
                                            <img src="https://p1.meituan.net/moviemachine/39173f5f2ac5c1f7d8a99294f35ef900943890.png@88w_88h_80q"
                                                alt="">
                                            <span>影视有毒</span>
                                        </div>
                                        <div class="bodome-right">
                                            <p>
                                                <span>
                                                    <img src="./img/video-praise.png" alt="">
                                                </span>
                                                <span>9845</span>
                                            </p>
                                            <p>
                                                <span>
                                                    <img src="./img/video-comment.png" alt="">
                                                </span>
                                                <span>64</span>
                                            </p>
                                            <p>
                                                <img src="./img/video-share.png" alt="">
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="content">
                                    <div class="title">《海王2》 花絮：温子仁、杰森·莫玛等原班人马悉数回归</div>
                                    <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6948961">
                                        <img src="https://p1.meituan.net/moviemachine/baa5ea68939c44d07419a4096864b17f531527.png@80q"
                                            alt="">
                                    </a>
                                    <div class="bodome">
                                        <div class="bodome-left">
                                            <img src="https://p1.meituan.net/moviemachine/b1fb89df9db647b55177590c5be2d7bf39036.png@88w_88h_80q"
                                                alt="">
                                            <span>娱乐深扒</span>
                                        </div>
                                        <div class="bodome-right">
                                            <p>
                                                <span>
                                                    <img src="./img/video-praise.png" alt="">
                                                </span>
                                                <span>1654</span>
                                            </p>
                                            <p>
                                                <span>
                                                    <img src="./img/video-comment.png" alt="">
                                                </span>
                                                <span>35</span>
                                            </p>
                                            <p>
                                                <img src="./img/video-share.png" alt="">
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="content">
                                    <div class="title">007名场面，战斗转身还能顺便喝杯酒，这个邦德拽上天了</div>
                                    <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6939244">
                                        <img src="https://obj.pipi.cn/friday/27d50904cf806d9f792cd2db6fb7854c.jpg"
                                            alt="">
                                    </a>
                                    <div class="bodome">
                                        <div class="bodome-left">
                                            <img src="https://p0.meituan.net/avatar/7c809ece4237ba9f729f3e5836457364268203.png@88w_88h_80q"
                                                alt="">
                                            <span>叭叭电影</span>
                                        </div>
                                        <div class="bodome-right">
                                            <p>
                                                <span>
                                                    <img src="./img/video-praise.png" alt="">
                                                </span>
                                                <span>1954</span>
                                            </p>
                                            <p>
                                                <span>
                                                    <img src="./img/video-comment.png" alt="">
                                                </span>
                                                <span>14</span>
                                            </p>
                                            <p>
                                                <img src="./img/video-share.png" alt="">
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="mui-table-view-cell">
                                <div class="content">
                                    <div class="title">钢铁侠葬礼众英雄的站位，说明漫威影业的用心</div>
                                    <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6934648">
                                        <img src="https://p1.meituan.net/moviemachine/3a21affc5eb0bd2c237097afcbb73cc8459948.png@80q"
                                            alt="">
                                    </a>
                                    <div class="bodome">
                                        <div class="bodome-left">
                                            <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                                alt="">
                                            <span>罗集</span>
                                        </div>
                                        <div class="bodome-right">
                                            <p>
                                                <span>
                                                    <img src="./img/video-praise.png" alt="">
                                                </span>
                                                <span>2194</span>
                                            </p>
                                            <p>
                                                <span>
                                                    <img src="./img/video-comment.png" alt="">
                                                </span>
                                                <span>451</span>
                                            </p>
                                            
                                            <p>
                                                <img src="./img/video-share.png" alt="">
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                <div class="mui-scrollbar mui-scrollbar-vertical"><div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: block; height: 25px; transform: translate3d(0px, 0px, 0px) translateZ(0px);"></div></div></div>
            </div>
            <div id="item2" class="mui-control-content">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">《五个扑水的少年》这热血不容错过！少年们泳池里赛出血气方刚</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7061937">
                                <img src="https://p0.meituan.net/moviemachine/887a8179460ab5f34eb9a6a98d87cbf6235935.png@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>2154</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>14</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">惹怒我们是他们最愚蠢的决定，少年强，则国强，中国加油！</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7076845">
                                <img src="https://p0.meituan.net/movie/2b1ce1608c60d985f727c0b10cc2df1157886.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>294</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>51</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">演戏就像拆盲盒，无论是画着脏脏妆的老洪还是穿西装打领带，身材笔挺的林满江</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7086171">
                                <img src="https://p0.meituan.net/movie/61abdd90633a4fd412c6bbf6b72e49c618043.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>1984</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>2</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">收债男为解救因虚荣心欠债的小女孩劝她去找父母，没成想小女孩居然这样做了</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7071662">
                                <img src="https://p0.meituan.net/moviemachine/65147b2462d506e455d6aa421c1cf1d4188679.png@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>1651</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>21</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">被史诗感淹没的故事，缺了一点点灵魂</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7076523">
                                <img src="https://p0.meituan.net/movie/71b0c89f220da88f008625ad77e8c223322433.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>1654</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>95</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">享受这场视听盛宴 ，这场面在大屏幕上太震撼了！</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7080209">
                                <img src="https://p1.meituan.net/moviemachine/1fb7f79d11a13be0dbc21031837de66e91441.png@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>214</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="item3" class="mui-control-content">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">一段幕后花絮，将导演和演员间的默契展现得淋漓尽致！</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7038541">
                                <img src="https://p1.meituan.net/movie/8b5c1b5fe769d73a27de0836d05d5b2252646.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>2181</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">《第一炉香》拍摄花絮，彭于晏张佳宁脸疼3分钟</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7056065">
                                <img src="https://p1.meituan.net/movie/f2b329a2abf3a98a1ddafa9957fd4f4246060.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>561</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>5</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">窦骁遭遇拍戏以来最大难题？！回顾演艺生涯还想演的角色竟然是TA</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7004637">
                                <img src="https://p0.meituan.net/moviemachine/cce5f3b74aa90188792960e3889175aa454687.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>59</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">这么多人都在夸《沙丘》，到底有多好看？</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=7036104">
                                <img src="https://p1.meituan.net/movie/a70a4ab944f467a9dcec95c8d7d8b8e387352.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>959</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>5</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">电影《铁道英雄》发布全阵容预告！11月19日上映</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6889716">
                                <img src="https://p0.meituan.net/moviemachine/3656cc0524dc787113e38caab8ddaf2b509245.png@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>626</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>8</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">《图兰朵：魔咒缘起》终极预告：关晓彤留悬念胡军姜文火力全开</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6838652">
                                <img src="https://obj.pipi.cn/friday/1a21ae6c1cf35c0377ffbfeb765e4560.jpeg"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>326</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>21</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="item4" class="mui-control-content">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">性感女神挥动刀枪上阵厮杀，2020年第一超级英雄电影《永生守卫》</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=954370">
                                <img src="https://p1.meituan.net/movie/8ea2111a716b177937a75e80a02d985a155869.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>294</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">三把钥匙打开这部《独家头条：初露锋芒》，这部商业类型片讨论的哲学命题挺深刻</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6371321">
                                <img src="https://obj.pipi.cn/maoyanclient/3a71b8c5c294a9a4695a613a04cbe3d57ba016eb3e6c.jpg"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>194</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">混混教机器人抢钱，但机器人却胆小如鼠，被黑帮欺负</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=929792">
                                <img src="https://p1.meituan.net/movie/ac0bb20315ef10110398e87e46741e4e58169.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>29</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>5</span>
                                    </p>
                                   
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">小伙找个女巫做媳妇，他只要不听话，就会被变成螃蟹</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=929821">
                                <img src="https://p1.meituan.net/movie/d6e679599f7d39f401b862e760ebac28100168.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>2844</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">海豹突击队遭遇恐怖袭击，士兵接连被狙杀，只能血战到底突出重围！</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=960537">
                                <img src="https://p1.meituan.net/movie/f27d453fe32a8e3de03836be77b06e69325120.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>984</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">中国最好的女性电影，8.7高分，但看过的人少之又少</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=911381">
                                <img src="https://p0.meituan.net/movie/69e78f317ecae89c3bdcf73711fb6f45221913.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>485</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>48</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="item5" class="mui-control-content">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">有多少夫妻被逼成这样？近十年最扎心的国产片，看的我万箭穿心！</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6703200">
                                <img src="https://p0.meituan.net/movie/4b484e845bf068604b3340095ddd60dd152778.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>5145</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>5</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">他们为逃避追杀，开车进雷区</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6180036">
                                <img src="https://p1.meituan.net/moviemachine/29052799136750db4728504952c4e80e174137.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>265</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>5</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">一部温暖而励志的电影，满满的正能量，这部电影的好，不存在争议</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=663565">
                                <img src="https://p0.meituan.net/movie/1494b0efec0bd52973f52d8fb1af198b364235.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>988</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>4</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">五星推荐暖意流遍全身的《音乐之声》</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=854018">
                                <img src="https://p1.meituan.net/movie/10b7b954e4511f82e18177e61e9bbe97144954.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>454</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>4</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">29年前一部经典港片，留住了张国荣最美的时光，每次看都很怀念</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=915483">
                                <img src="https://p0.meituan.net/movie/13061eeca8c5f8004cf641ae79a94aab72059.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>585</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">清洁工在黑板上乱涂，大学教授仔细一看内容，当场兴奋了！</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=1001490">
                                <img src="https://p1.meituan.net/movie/7609f5c081163a8e156cae9c66734bcf94328.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>194</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div id="item6" class="mui-control-content">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">2020影视综年度争议话题榜，《花木兰》满屏槽点、《余欢水》惹怒“女权</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=1333535">
                                <img src="https://p0.meituan.net/movie/a9d56883755955098ceaafc019b29909377016.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>854</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">娱乐圈成了黑暗与丑陋的猎艳场所</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6548492">
                                <img src="https://p0.meituan.net/moviemachine/f7e7fb185b8e64cdfc1a8b20b4f2cb63256111.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>249</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>4</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">盘点影视剧十大沙雕操作：如萍背后的婊学老师终于找到了</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=618262">
                                <img src="https://p0.meituan.net/movie/e1694ffc9e4bbd02e3ac8e088b8ce0d8148330.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>4984</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>9</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">纯元顶级手办，也是大胖橘唯一一个没有收集到的周边！</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6973551">
                                <img src="https://p1.meituan.net/movie/41decafafba691126027d24eb7ba498394838.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>4848</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>4</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">韩国喜剧：富家女的丑态被陌生男人看见，从此展开了一段搞笑追杀</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6852705">
                                <img src="https://p1.meituan.net/movie/c5121ceefd699c287edb9a29c6fc7b9162058.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>959</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>4</span>
                                    </p>
                                    
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="mui-table-view-cell">
                        <div class="content">
                            <div class="title">12岁男孩遭枪杀，警方得知真相后放过了真凶《罪案终结S513》</div>
                            <a href="https://i.maoyan.com/asgard/feedVideos/index?videoId=6934626">
                                <img src="https://p0.meituan.net/movie/7f02e290b36ff31e4e6b1d811d0f587282293.jpg@80q"
                                    alt="">
                            </a>
                            <div class="bodome">
                                <div class="bodome-left">
                                    <img src="https://p0.meituan.net/avatar/6d4d680cf5d1d16a05175b7d4972af3f99826.jpg@88w_88h_80q"
                                        alt="">
                                    <span>罗集</span>
                                </div>
                                <div class="bodome-right">
                                    <p>
                                        <span>
                                            <img src="./img/video-praise.png" alt="">
                                        </span>
                                        <span>494</span>
                                    </p>
                                    <p>
                                        <span>
                                            <img src="./img/video-comment.png" alt="">
                                        </span>
                                        <span>1</span>
                                    </p>
                                    <p>
                                        <img src="./img/video-share.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="last">
        <a href="./index.html" class="last-nav">
            <img src="./img/movie.png" alt="">
            <span>电影/影院</span>
        </a>
        <a href="" class="last-nav">
            <img src="./img/selectvideo.png" alt="">
            <span style="color: #F03D37;">视频</span>
        </a>
        <a href="./small-video.html" class="last-nav">
            <img src="./img/shortvideo.png" alt="">
            <span>小视频</span>
        </a>
        <a href="./yanchu.html" class="last-nav">
            <img src="./img/show.png" alt="">
            <span>演出</span>
        </a>
        <a href="login.html" class="last-nav">
            <img src="./img/my.png" alt="">
            <span>我的</span>
        </a>
    </div>
</body>
<script src="./js/mui.js"></script>
<script src="./js/mui.pullToRefresh.js"></script>
<script src="./js/mui.pullToRefresh.material.js"></script>
<script>
    (function () {
        function w() {
            var all = document.documentElement;  // 获取html元素
            var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
            console.log(123, test)
            if (test > 1024) {
                test = 1024;
            }
            rem = test / 18.75;
            console.log(rem)
            all.style.fontSize = rem + 'px'
        }
        w();
        window.addEventListener("resize", function () {
            w()
        }, false)
    })();
    mui.init();
    (function ($) {
        //阻尼系数
        var deceleration = mui.os.ios ? 0.003 : 0.0009;
        $('.mui-scroll-wrapper').scroll({
            bounce: false,
            indicators: true, //是否显示滚动条
            deceleration: deceleration
        });
        $.ready(function () {
            //循环初始化所有下拉刷新，上拉加载。
            $.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function (index, pullRefreshEl) {
                $(pullRefreshEl).pullToRefresh({
                    down: {
                        callback: function () {
                            var self = this;
                            setTimeout(function () {
                                var ul = self.element.querySelector('.mui-table-view');
                                ul.insertBefore(createFragment(ul, index, 10, true), ul.firstChild);
                                self.endPullDownToRefresh();
                            }, 1000);
                        }
                    },
                    up: {
                        callback: function () {
                            var self = this;
                            setTimeout(function () {
                                var ul = self.element.querySelector('.mui-table-view');
                                ul.appendChild(createFragment(ul, index, 5));
                                self.endPullUpToRefresh();
                            }, 1000);
                        }
                    }
                });
            });
            var createFragment = function (ul, index, count, reverse) {
                var length = ul.querySelectorAll('li').length;
                var fragment = document.createDocumentFragment();
                var li;
                for (var i = 0; i < count; i++) {
                    li = document.createElement('li');
                    li.className = 'mui-table-view-cell';
                    li.innerHTML = '第' + (index + 1) + '个选项卡子项-' + (length + (reverse ? (count - i) : (i + 1)));
                    fragment.appendChild(li);
                }
                return fragment;
            };
        });
    })(mui);
</script>
</html>